[HTML] Meta viewport 제어, 뷰포트 변경, 모바일 환경

meta 태그중 viewport 속성은 특히 모바일 웹페이지가 있는 경우 사용됩니다. 뷰포트는 사용하는 디바이스에서 웹페이지를 열었을 때 보여줄 화면의 크기와 부가적인 옵션을 제어할 수 있도록 도와줍니다~ 아래 예를 보시면...



설명은 아래에...

width - 사용자가 보게 될 수평넓이
height - 사용자가 보게 될 수직넓이
(위 속성은 device-width, device-height로 지정이 가능합니다. 즉, 본래 디바이스의 넓이대로 바로 적용이 가능하죠.)
initial-scale - 초기의 화면 배율을 결정
maximum-scale, minimum-scale : 최소 및 최대 확대 비율
user-scalable - 사용자의 확대 및 축소 권한